import React, {useState} from 'react';
import Test from './Test';

const OtherTwo = () => {
  let num = 0;
  let flag = true;
  let [x, setX] = useState(0);
  return (
    <>
      <Test x={x}>
        <button>按钮2</button>
      </Test>
      <button onClick={() => {
          setX(x+1);
        }}>按钮1</button>
    </>
  )
}



export default OtherTwo

// React-babel-app 

// (
//   'div':{
//     a: 1,
//     b: 2
//   }
// )

// React.createElement()


// ref
// type
// props:{
//   children: []
// }

// typef: 
//   1. HTML 标记 创建HTML标记
//   2. 函数 执行props 传递进去
//   3. class类， new Class()



// React.createElement() -> Virtual Dom

// ref
// props 

// key



// JSX 语法

// javascript and xml 打通了  JS和HMTL 桥梁





// ref
// key   
// props
//    children 插槽

//    React.createElement


//    render






// React 组件
//  + 函数组件
//  + 类组件
//  + Hooks 组件


// 复用
//   props  -> 属性和方法，父子组件
//   插槽slot -> HTML结构


//   context 上下文

//   redux 公共状态统一管理

//   mobx